<template>
    <view class="content">
        <view class="btn-row">
            <button v-if="!hasLogin" type="primary" class="primary" @tap="bindLogin">登录</button>
            <button v-if="hasLogin" type="default" @tap="bindLogout">退出登录</button>
        </view>
    </view>
</template>

<script>
    import {
        mapState,
        mapMutations
    } from 'vuex'

    export default {
        computed: {
            ...mapState('user',['hasLogin'])
        },
        methods: {
            ...mapMutations('user',['logout']),
            bindLogin() {
                uni.navigateTo({
                    url: '../user/login',
                });
            },
            bindLogout() {
                this.logout();
            }
        }
    }
</script>

<style>

</style>
